<!DOCTYPE html>

<html lang="en">
  <head>
  	<title>下拉广告插件</title>
    <meta charset="utf-8">
</head>
<body>
<script language="javascript" src="js/jquery-1.11.1.js"></script>

<style type="text/css">
body{margin:0;padding: 0;}
.addBox{width: 960px;margin: -172px auto 0;height: 172px;}
.addBox img{width: 960px;height: 172px;}
.menuBox{height:30px;margin: 0 auto;}
.menuBox ul{width: 960px;height: 35px;margin: 0 auto;padding: 0;background-color: #000;}
.menuBox ul li{float: left;height: 35px;line-height: 35px;color: #fff;padding: 0 10px;font-size: 13px;list-style-type: none;}
.contentBox{width: 960px;margin:0 auto;}
.contentBox p{height: 800px;width: auto;background-color: #ccc;padding: 10px;margin:0;}
</style>
<script type="text/javascript">
	
	$(document).ready(function() {
		// $(".content .ct").hide();
		$(".addBox").animate({'margin-top': 0}, 2000);
		setTimeout(function(){

			$(".addBox").animate({'margin-top': -172}, 1000);
		},5000);

	});
</script>

<div class="addBox"><img src="images/1418708287109.jpg"></div>
<div class="menuBox">
	<ul>
		<li>首页</li>
		<li>最新资讯</li>
	</ul>
</div>
<div class="contentBox">
	<p></p>
</div>


</body>
</html>